import axios from "axios";
import { MessageBox, Message } from "element-ui";
import store from "@/store";

const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API,
  timeout: 5000, // request timeout
});

// request interceptor
service.interceptors.request.use(
  (config) => {
    //设置token
    let token = store.state.user.token;
    if (token) {
      config.headers.token = token;
    }
    return config;
  },
  (error) => {
    // 请求失败打印错误
    Message.error("请求拦截失败"); // for debug
    return Promise.reject(error);
  }
);

// 响应拦截器函数：得到响应之后触发的函数
service.interceptors.response.use(
  (response) => {
    // 请求成功
    if (response.data.code === 200 || response.data.code === 20000) {
      // 说明功能成功，返回成功的数据
      return response.data; // 我们最终希望得到的数据
    } else if (response.data.code === 20001) {
      localStorage.removeItem("token_key");
      window.location.href = "/";
    } else {
      // 说明功能失败，没有数据，返回失败的原因
      const errorMsg = response.data.data || response.data.message;
      Message.error(errorMsg);
      return Promise.reject(errorMsg); // 外面触发失败的流程
    }
  },
  (error) => {
    // 请求失败
    Message.error(error.message);
    return Promise.reject(error);
  }
);

export default service;
